{% extends "learning_dogs/base.html" %}

{% block content %}

<p>Topics</p>

<ul>
  {% for topic in topics %}
  <li>
    <a href="{% url 'learning_dogs:topic' topic.id %}">{{ topic }}</a>
  </li>
  {% empty %}
  <li>No topics have been added yet.</li>
  {% endfor %}
</ul>

<a href="{% url 'learning_dogs:new_topic' %}">Add a new topic</a>

{% endblock content %}